<template>
	<view>
		<van-tabbar :active="active" @change="onChange">
		  <van-tabbar-item icon="home-o">标签</van-tabbar-item>
		  <van-tabbar-item icon="search">标签</van-tabbar-item>
		  <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
		  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
		</van-tabbar>
	</view>
</template>

<script>
	import tabBar from "../wxcomponents/vant/tabbar/index.js"
	import tabBarItem from "../wxcomponents/vant/tabbar-item/index.js"
	export default {
		data() {
			return {
				active:0
			};
		},
		components:{
			"van-tabbar":tabBar,
			"van-tabbar-item":tabBarItem
		},
		methods:{
			onChange(event){
				this.active = event.detail
				
				
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>
